﻿
@{
    //Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "Ingreso al sistema";
}

<div id="central">
    <h1>
        Ingreso al sistema</h1>
    <p>
        Por favor, elija la opción y luego digite su contraseña</p>
</div>
<div id="derecha">
    @using (Html.BeginForm("Ingreso", "Usuario", FormMethod.Post, new { @class = "modal", name = "frmLogin", style = "width: 300px;" }))
    {
        <h1>
            Ingresar al sistema</h1>
        <label>
            Usuario
            @Html.Editor("Usuario")
            <span class="errormsg" id="errormsg_0_Usuario" style="display: none;">Introduzca
                el usuario para ingresar al sistema.</span>
        </label> 
        <label>
            Contraseña
            @Html.Password("Password")
            <span class="errormsg" id="errormsg_0_Password" style="display: none;">
                Introduzca la contrase&ntilde;a.</span>
        </label>
        <p />
        <div id="resultado" class="errormsg">
            @ViewBag.Mensaje
        </div> 
        <input type="submit" name="signIn" id="signIn" value="Acceder" />              
    }
</div>
<script type="text/javascript" src="../../Scripts/ingresousuario.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    var stateObj = { foo: "bar" };
    history.pushState(stateObj, "page 2", "Ingreso");
});

$("form").submit(function () {
            $('#resultado').html("");
            if (validarUsuario() & validarPassword()) {
                var autenticacion = {
                    usuario: $('#Usuario').val(),
                    password: $('#Password').val()
                };
                $.ajax({ 
                url: "@Url.Action("AutenticarUsuario")",
                type: "Post",
                contentType: 'application/json',
                data: JSON.stringify({ Login: $('#Usuario').val(), Password: $('#Password').val() }),
                success: function(result) {
                    if (result.resultado == "OK") {
                        window.location.href=result.redireccion;
                    }
                    else {
                        $('#resultado').html(result.mensaje);
                    }
                },
                error: function(result) {
                    $('#resultado').html(result);
                }
                });
                return false;
            }
            else
                return false;
        });    
</script>